<template>
  <div class="bigboxheaderWrap">
    <div class="bigboxheader">
      <!--兴趣技能列表-->
      <div class="hobbyList">
        <el-card class="hobbyList_card">
          <div>
            <el-row :gutter="20">
              <el-col :span="2" class="text">
                <div class="hobbyList_name">兴趣技能:</div>
              </el-col>
              <el-col :span="22" class="text_comtents">
                <div>中国舞</div>
                <div>古典舞</div>
                <div>原创编舞</div>
                <div>爵士舞</div>
                <div>流行热舞</div>
                <div>成人舞蹈</div>
                <div>少儿舞蹈</div>
                <div>街舞</div>
                <div>民族舞</div>
                <div>热门舞蹈</div>
                <div>热门舞蹈</div>
                <div>热门舞蹈</div>
                <div>热门舞蹈</div>
              </el-col>
            </el-row>
          </div>
          <div>
            <el-row :gutter="20">
              <el-col :span="2" class="text">
                <div>兴趣技能:</div>
              </el-col>
              <el-col :span="22" class="text_comtents">
                <div>中国舞</div>
                <div>古典舞</div>
                <div>原创编舞</div>
                <div>爵士舞</div>
                <div>流行热舞</div>
                <div>成人舞蹈</div>
                <div>少儿舞蹈</div>
                <div>街舞</div>
                <div>民族舞</div>
                <div>热门舞蹈</div>
                <div>热门舞蹈</div>
                <div>热门舞蹈</div>
                <div>热门舞蹈</div>
              </el-col>
            </el-row>
          </div>
          <p class="show">
            <span> 展示全部 </span>
          </p>
        </el-card>
        <el-card>
          <div class="works">
            <div>综合</div>
            <div>销量</div>
            <div>浏览量</div>
            <div class="works_img">
              价格<img src="../../images/向下箭头.png" />
            </div>
            <div>发布时间</div>
          </div>
        </el-card>
      </div>
      <!-- 视频部分 -->
      <div class="card_content_wrapper content-width">
            <div class="loadMoreList">
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content_card_item">
                    <div class="card_item">
                        <!-- 视频 -->
                        <div class="cover_wrap">
                            <div class="cover" style="cursor: pointer;">
                                <span class="promotion">推荐</span>
                                <!-- <span class="origin_icon">原创</span> -->
                                <div data-v-4af3de0e="" class="img" lazy="loaded">
                                    <img src="../../../../public/images/6.jpg" alt="">
                                    <!-- <img src="../../static/image" alt="" class="play_icon"> -->
                                </div>
                            </div>
                        </div>
                        <!-- 下面的文字 -->
                        <div class="moment_detail">
                            <!--作品 -->
                            <div class="card_detail">
                                <div title="《探窗》" class="title" style="cursor: pointer;">
                                    <div class="example">
                                        <span class="flag original">
                                            <img src="../../../../public/images/6.jpg" alt="">
                                        </span>
                                        <a class="differ-viewed ellipsis-content">《探窗》</a>
                                    </div>
                                </div>
                                <div class="viewCount">
                                    <span class="num">5人浏览</span>
                                </div>
                                <!-- 点赞人数 -->
                                <div class="interrelated_info">
                                    <div class="vip_free_icon"></div>
                                    <span class="praiseCount">
                                        <svg t="1666099072982" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="7835" width="16" height="16">
                                            <path
                                                d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                                                p-id="7836" fill="#dbdbdb"></path>
                                        </svg>
                                        <span class="num_info">0</span>
                                    </span>
                                    <span class="commentCount">
                                        <svg t="1666099267736" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="8918" width="16" height="16">
                                            <path
                                                d="M639.892491 415.930119 383.935495 415.930119c-17.717453 0-31.994625-14.277171-31.994625-31.994625s14.277171-31.994625 31.994625-31.994625L639.892491 351.94087c17.717453 0 31.994625 14.277171 31.994625 31.994625S657.609945 415.930119 639.892491 415.930119z"
                                                p-id="8919" fill="#dbdbdb"></path>
                                            <path
                                                d="M579.17151 543.908618 383.935495 543.908618c-17.717453 0-31.994625-14.277171-31.994625-31.994625S366.390055 479.919368 383.935495 479.919368l195.236015 0c17.717453 0 31.994625 14.277171 31.994625 31.994625S596.888964 543.908618 579.17151 543.908618z"
                                                p-id="8920" fill="#dbdbdb"></path>
                                            <path
                                                d="M962.246934 447.924744c0-211.74937-200.912481-383.935495-447.924744-383.935495S66.225433 236.175374 66.225433 447.924744c0 116.453553 62.957164 226.026541 172.874181 300.680665 14.621199 9.976818 34.574836 6.192508 44.379641-8.428691 9.976818-14.621199 6.192508-34.574836-8.428691-44.379641-92.027549-62.441122-144.835881-152.74853-144.835881-247.700319 0-176.486477 172.186125-319.946246 383.935495-319.946246s383.935495 143.631782 383.935495 319.946246-172.186125 319.946246-383.935495 319.946246c-2.064169 0-3.612296 0.688056-5.504452 1.204099-15.137242-2.752226-30.446498 5.160423-35.778935 20.125651-6.192508 17.373425-46.44381 46.615824-94.091718 73.794053 17.373425-58.140769 9.116748-70.697799 3.440282-78.954477-6.70855-9.976818-17.889467-15.997312-29.930455-15.997312-17.717453 0-31.994625 14.277171-31.994625 31.994625 0 5.84848 1.548127 11.180917 4.300353 15.997312-3.268268 18.233496-17.201411 60.892995-33.026709 99.768184-4.988409 12.040988-2.064169 25.974131 7.396607 35.090879 6.020494 5.84848 14.105157 8.944734 22.18982 8.944734 4.300353 0 8.77272-0.860071 13.073072-2.752226 36.466991-16.341341 147.588107-69.149672 187.667395-125.570301C765.290778 828.075928 962.246934 657.609945 962.246934 447.924744z"
                                                p-id="8921" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                    <span class="favoriteCount">
                                        <svg t="1666099365078" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                            xmlns="http://www.w3.org/2000/svg" p-id="11029" width="16" height="16">
                                            <path
                                                d="M281.53303 928.39895c-25.624986 0-50.501018-12.174029-66.544026-32.565043-14.54295-18.485965-19.864986-41.554022-14.602035-63.289958 3.644006-15.03703 35.325952-142.825984 50.326016-203.30496-46.522982-40.027955-143.173018-123.188019-147.206042-126.69399-37.387981-32.427008-41.397965-65.25696-38.167962-87.080038 5.347021-36.103987 30.872986-62.679962 66.617037-69.364019l2.381005-0.44503 214.680986-19.841024 78.381978-180.89001c6.044979-16.124006 14.564966-29.507994 25.342976-39.805952 16.134042-15.417037 36.653978-23.565005 59.34295-23.565005l0.67799 0.002048c23.29897 0.172032 45.211955 10.169958 61.714022 28.150989 10.638029 11.590963 16.735027 23.882035 19.664998 29.790003l0.752026 1.516954 76.652954 183.51104 216.03799 20.608 3.168973 0.706048c13.595034 3.030016 31.045018 8.171008 45.446042 21.139968 10.863002 9.784013 23.813018 27.567002 23.813018 56.727962 0 32.011981-17.926042 52.00599-31.015014 66.604954-1.735987 1.935974-3.569971 3.979981-5.480038 6.175027l-1.154048 1.325978-1.239962 1.246003c-1.007002 1.010995-1.055027 1.060045-143.350989 129.17801 14.619034 69.505024 41.413018 197.642957 43.625984 213.520998 3.145011 22.42304-2.69097 43.50505-16.440013 59.317965-10.422989 11.987046-30.005965 26.276045-64.108954 26.276045-8.816026 0-20.312986-1.517978-44.534989-12.530995l-2.336973-1.063014L512.531046 808.66601c-56.04096 32.335974-177.973965 102.542029-195.439002 111.326003C305.964032 925.577011 294.013952 928.39895 281.53303 928.39895zM196.490957 444.796006c36.530995 31.446016 105.230029 90.554982 146.699981 126.232986l24.365978 20.963021-7.740006 31.195955c-0.377037 1.521971-27.010048 108.873011-44.128051 178.034995 47.157043-26.827981 120.028979-68.775014 170.746982-98.092032l26.159002-15.120998 194.361037 112.572006c-10.519962-51.373978-26.318029-126.87401-37.578035-180.240998l-6.213018-29.449011 22.367027-20.139008c1.239962-1.115955 95.806976-86.260019 140.576051-126.571008l-226.801971-21.63497-87.554048-209.610957-91.506995 211.180954L196.490957 444.796006z"
                                                p-id="11030" fill="#dbdbdb"></path>
                                        </svg>
                                        <span data-v-4af3de0e="" class="num_info">0</span>
                                    </span>
                                </div>
                            </div>
                            <!-- 账号 -->
                            <div class="creator_info">
                                <div class="left" style="max-width: 128px;">
                                    <div class="creator">
                                        <div class="avatar avatarClass notshowname">
                                            <img src="../../static/image/4.png" alt="">
                                        </div>
                                        <div class="text_area">
                                            <div class="first_line"></div>
                                        </div>
                                    </div>
                                    <span title="盗版张嘉佳" class="creator_name" style="max-width: 88px;">盗版张嘉佳</span>
                                </div>
                                <span class="uploadTime">
                                    <time class="uploadTime">1小时前</time>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { left } from "@popperjs/core";
import { ref } from "vue";
let num = ref(0);
let float = ref(true);
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.bigboxheaderWrap{
    border: 1px solid red;
}

.nav {
  width: 100%;
  height: 80px;
  background-color: #fff;
  border: 1px solid red;
}

/* 导航容器 */
.nav_Box {
  width: 1000px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  /* item居中 */
  justify-content: center;
  align-items: center;
}

/* 顶部文字导航 */
.nav_item {
  color: #000;
  padding: 20px 4px;
  margin: 0 20px;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 3px solid transparent;
}

.border {
  border-bottom: 3px solid #000;
}

/* 顶部导航会员专区容器 */
.vip {
  width: 1140px;
  height: 120px;
  margin: 0 auto;
  color: #111;
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 20px 30px 16px;
}

/* 会员专区文字 */
.vip p {
  width: 1140px;
  font-size: 18px;
  margin: 0 0 16px;
  font-weight: 400;
}

/* 头像同级大容器 */
.vip_content {
  height: 70px;
  position: relative;
  min-height: 50px;
  display: flex;
  align-items: center;
  /* background-color: #bfc; */
}

/* 小头像 */
.vip_content_photo {
  margin-right: 10px;
  width: 50px;
  height: 50px;
}

.vip_content_photo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

/* 文字导航下单会员专区容器 */
.vip_content_container {
  display: flex;
  align-items: center;
}

/* 会员专区个人信息 左*/
.vip_content_container_left {
  width: 220px;
  height: 46px;
  border-right: 1px solid #ddd;
}

.vip_content_container_left_name {
  width: 220px;
  height: 24px;
  padding-top: 4px;
  font-size: 16px;
  float: left;
}

.vip_content_container_left_name span {
  display: block;
  width: 41px;
  height: 20px;
  box-sizing: border-box;
  background: linear-gradient(#ff289b, #ff43d0);
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 0 8px;
  display: inline-block !important;
  line-height: 1.15;
  white-space: nowrap;
  cursor: pointer;
  margin-left: 8px;
}

.vip_content_container_left_name span i {
  width: 8px;
  height: 10px;
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
}

.vip_content_container_left_name .lv {
  width: 15px;
  height: 10px;
  background-image: url(https://rs.dance365.com/level_Lv.@3x.png);
}

.vip_content_container_left_name .lv1 {
  background-image: url(https://rs.dance365.com/level_num_1@3x.png);
}

.vip_content_container_left_vip-tip {
  width: 220px;
  height: 14px;
  margin-top: 8px;
  font-size: 12px;
  color: #f93684;
}

/*会员专区个人信息  中 */
.vip_content_container_center {
  width: 390px;
  height: 69px;
  /* background-color: hotpink; */
  display: flex;
  flex: 1;
  text-align: center;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.vip_content_container_center_icon {
  width: 58px;
  height: 58px;
  margin-left: 50px;
  margin-right: 30px;
}

/* 图片*/
.vip_content_container_center_icon img {
  width: 58px;
  display: inline-block;
}

/*文字 */
.vip_content_container_center p {
  padding-top: 8px;
}

.vip_content_container_center p i {
  color: #f93684;
}

/*会员专区个人信息  右 */
.vip_content_container_right {
  width: 390px;
  height: 69px;
  /* background-color: yellowgreen; */
  display: flex;
  flex: 1;
  text-align: center;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.vip_content_container_right_icon {
  width: 58px;
  height: 58px;
  margin-right: 30px;
}

/*右 图片 */
.vip_content_container_right_icon img {
  width: 58px;
  margin-left: 50px;
  display: inline-block;
}

/*右 文字*/
.vip_content_container_right p {
  padding-top: 8px;
}

/* 立即开通 */
.vip_content_open {
  width: 80px;
  height: 58px;
}

.vip_content_open .open {
  font-size: 13px;
  color: #fff;
}

.vip_content_open .check {
  height: 16px;
  font-size: 12px;
  margin-top: 20px auto;
  color: rgb(164, 159, 159);
}

/* 兴趣技能列表*/
.hobbyList {
  width: 1200px;
  background-color: #fff;
  margin: 0 auto;
}

.hobbyList_card {
  padding: 16px 10px;
  font-size: 14px;
  margin-bottom: 10px;
}

.text {
  display: flex;
  flex-wrap: wrap;
  color: #b1b5c1;
}

.text_comtents {
  width: 100px;
  margin-bottom: 20px;
  color: #7d8090;
  display: flex;
  flex-wrap: wrap;
}

.text_comtents div {
  width: 100px;
  margin-bottom: 20px;
}

.show {
  text-align: center;
  color: red;
  font-size: 14px;
  margin: 0 auto;
}

/*  */

.works {
  display: flex;
  font-size: 14px;
  color: #7d8090;
}
.works div {
  margin-left: 60px;
}
.works_img {
  /* 鼠标滑过显示与隐藏*/
}
.works div:hover {
  color: #f93684;
}
.works img {
  width: 10px;
  height: 10px;
  margin-left: 5px;
}


/* 视频部分 */

.card_list .channel_scroll {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 1000px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.card_list .channel_scroll span {
    padding: 20px 4px;
    margin: 0 20px;
    text-align: center;
    user-select: none;
    cursor: pointer;
}

.card_list .channel_scroll .channel_item.active {
    color: #111;
    border-bottom: 3px solid #000;
}

.card_list .channel_scroll .channel_item.right_item {
    display: inline-block;
    right: -20px;
    top: 0;
    height: 80px;
}

.channel_list .list .right_item {
    position: absolute;
    display: inline-block;
    right: -20px;
    top: 0;
    height: 80px;
    vertical-align: top;
}

.card_content_wrapper {
    margin-top: 20px;
    padding-bottom: 20px;
    /* background-color: #f5f7f9; */
}

.content-width {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.card_content_wrapper .loadMoreList {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: flex-start;
    margin: 0 auto;
    /* height: 2407px; */
}

.card_content_wrapper .loadMoreList>.content_card_item:not(:nth-child(5n)) {
    margin-right: 20px;
}

.card_content_wrapper .loadMoreList .card_item {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 224px;
    height: auto;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
}

.card_content_wrapper .loadMoreList .card_item>.cover_wrap .cover {
    position: relative;
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: flex;
    -webkit-box-align: center;
    justify-content: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.card_content_wrapper .loadMoreList .card_item>.cover_wrap .cover .promotion {
    display: none;
    position: absolute;
    right: -29px;
    top: -20px;
    font-size: 10px;
    width: 70px;
    height: 40px;
    line-height: 65px;
    background: #ff5e37;
    color: #fff;
    text-align: center;
    transform: rotate(35deg)
}

.card_content_wrapper .loadMoreList .card_item>.cover_wrap .cover .origin_icon {
    position: relative;
    left: 5px;
    top: 5px;
    font-size: 10px;
    width: 40px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    background-size: cover
}

.card_content_wrapper .loadMoreList .card_item>.cover_wrap .cover .img {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.card_content_wrapper .loadMoreList .card_item>.cover_wrap .cover .img img {
    width: 224px;
    height: 125px;
    border-radius: 10px;
}

.card_content_wrapper .loadMoreList .card_item>.cover_wrap .cover .play_icon {
    position: absolute;
    bottom: 6px;
    left: 10px;
    display: inline-block;
    width: 30px;
    height: 30px !important
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail {
    width: 100%;
    color: #b1b5c1;
    height: 155px;

}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .card_detail {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ebeced;
    height: 104px
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .card_detail .title {
    font-size: 14px;
    color: #111;
    padding-top: 10px;
    padding-bottom: 0;
    line-height: 18px;
    height: 45px;
    width: 100%;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .card_detail .title .flag.original img {
    width: 20px;
    height: 10px;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .card_detail .title .example .differ-viewed {
    color: #000000;
    margin-left: 5px;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .card_detail .viewCount {
    font-size: 12px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: 32px;
    line-height: 32px;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .card_detail .interrelated_info {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    height: 28px;
    line-height: 12px;
    padding-bottom: 12px;
    width: 204px;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .card_detail .interrelated_info .vip_free_icon {
    display: none;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .card_detail .interrelated_info .num_info {
    box-sizing: border-box;
    max-width: 36px;
    margin-right: 18px;
    margin-left: 14px;
    text-align: center;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .creator_info {
    box-sizing: border-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 50px;
    padding-left: 16px;
    position: relative;
    font-size: 12px;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .creator_info .left {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .creator_info .avatarClass img {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .creator_info .left .creator_name {
    color: #111;
    cursor: pointer;
    margin-left: 8px;
    max-width: 68px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card_content_wrapper .loadMoreList .card_item>.moment_detail .creator_info .uploadTime {
    padding-right: 8px;

}

.index_page .filter-order-container {
    margin-bottom: -20px;
    background-color: #000;
}

.content-width-min {
    min-width: 1200px
}

.content-width {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.card_list .filter-order {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card_list .filter-order-container {
    margin-bottom: -20px;
}

.order-container {
    padding: 25px 30px;
}

.order-container .order-item {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    color: #7d8090
}

.order-container .order-item.active {
    color: #f93684;
}

.order-container .order-item+.order-item {
    margin-left: 60px;
}

.card_list .filter-order .filter-btn {
    height: 36px;
    border-radius: 18px;
    background-color: #e9ecec;
    line-height: 36px;
    color: #7d8090;
    font-size: 16px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 10px;

}

</style>
